<template>
  <div id="app">
    <router-view/>
  </div>
</template>

<script>
export default {
  name: 'App'
}
</script>

<style>
  .transitionName{
    position: fixed;left:0;right: 0;
    width: 100%;
  }
  .transitionName-enter, .transitionName-leave-to
  {
    left:0;top: 0;right: 0;
    position: absolute;
    transform:translateX(-500px) translateY(-500px) rotate(-150deg) scale(0.5);
    opacity:1;
  }
  .transitionName-enter-active {
    transition: all 1s ease;
  }
  .transitionName-leave-active {
    transition: all 1s ease;
    z-index: 100;
  }
  .w-e-panel-tab-content{
    height: 100px !important;
  }
  .w-e-panel-container{
    height: 130px !important;
    margin-left: -10px !important;;
  }
</style>
